<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="layout_3.xhtml"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:rich="http://richfaces.org/rich">

    <ui:define name="content">
        <f:view>
            <h:form id="form">
                <rich:panel header="Przegladanie użytkownikow">
                    <center>      
                        <a4j:commandButton  id="linkA" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="A"  render="table">
                            <a4j:param  name="username" value="A" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkB" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="B"  render="table">
                            <a4j:param  name="username" value="B" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkC" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="C"  render="table">
                            <a4j:param  name="username" value="C" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkCC" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="Ć"  render="table">
                            <a4j:param  name="username" value="Ć" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkD" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="D"  render="table">
                            <a4j:param  name="username" value="D" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkE" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="E"  render="table">
                            <a4j:param  name="username" value="E" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkEE" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="Ę"  render="table">
                            <a4j:param  name="username" value="Ę" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkF" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="F"  render="table">
                            <a4j:param  name="username" value="F" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkG" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="G"  render="table">
                            <a4j:param  name="username" value="G" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkH" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="H"  render="table">
                            <a4j:param  name="username" value="H" assignTo="#{przegladajUzytkownika.selectedString}"  />
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkI" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="I"  render="table">
                            <a4j:param  name="username" value="I" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkJ" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="J"  render="table">
                            <a4j:param  name="username" value="J" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkK" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="K"  render="table">
                            <a4j:param  name="username" value="K" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkL" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="L"  render="table">
                            <a4j:param  name="username" value="L" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkŁ" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="Ł"  render="table">
                            <a4j:param  name="username" value="Ł" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkM" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="M"  render="table">
                            <a4j:param  name="username" value="M" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkN" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="N"  render="table">
                            <a4j:param  name="username" value="N" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkŃ" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="Ń"  render="table">
                            <a4j:param  name="username" value="Ń" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkO" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="O"  render="table">
                            <a4j:param  name="username" value="O" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkÓ" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="Ó"  render="table">
                            <a4j:param  name="username" value="Ó" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkP" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="P"  render="table">
                            <a4j:param  name="username" value="P" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkR" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="R"  render="table">
                            <a4j:param  name="username" value="R" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkS" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="S"  render="table">
                            <a4j:param  name="username" value="S" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkŚ" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="Ś"  render="table">
                            <a4j:param  name="username" value="Ś" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkT" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="T"  render="table">
                            <a4j:param  name="username" value="T" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkU" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="U"  render="table">
                            <a4j:param  name="username" value="U" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkW" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="W"  render="table">
                            <a4j:param  name="username" value="W" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkY" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="Y"  render="table">
                            <a4j:param  name="username" value="Y" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkZ" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="Z"  render="table">
                            <a4j:param  name="username" value="Z" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkŹ" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="Ź"  render="table">
                            <a4j:param  name="username" value="Ź" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>
                        <a4j:commandButton  id="linkZZ" action="#{przegladajUzytkownika.getListaUzytkownikow}" value="Ż"  render="table">
                            <a4j:param  name="username" value="Ż" assignTo="#{przegladajUzytkownika.selectedString}"/>
                        </a4j:commandButton>



                        <br></br><br></br>
                        <rich:dataScroller for="table" maxPages="5" />   
                        <rich:dataTable 
                            onrowmouseover="this.style.backgroundColor='#F1F1F1'"
                            onrowmouseout="this.style.backgroundColor='#FFFFFF'"
                            id="table" 
                            value="#{przegladajUzytkownika.dataList}" 
                            var="item" 
                            rows="30" 
                            >
                            <f:facet name="noData">
                                Brak użytkowników
                            </f:facet>     
                            <rich:column>
                                <f:facet name="header">
                                    <h:outputText value="Nazwisko:" />
                                </f:facet>
                                <h:outputText value="#{item.nazwisko}" />
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    <h:outputText value="Imię:" />
                                </f:facet>
                                <h:outputText value="#{item.imie}" />
                            </rich:column>                        
                            <rich:column>
                                <f:facet name="header">
                                    <h:outputText value="Data ur:" />
                                </f:facet>
                                <h:outputText value="#{item.data_ur}" />
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    <h:outputText value="Miasto:" />
                                </f:facet>
                                <h:outputText value="#{item.miasto}" />
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    <h:outputText value="Kod:" />
                                </f:facet>
                                <h:outputText value="#{item.kod}" />
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    <h:outputText value="Ulica:" />
                                </f:facet>
                                <h:outputText value="#{item.ulica}" />
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    <h:outputText value="Telefon:" />
                                </f:facet>
                                <h:outputText value="#{item.telefon}" />
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    <h:outputText value="Mail:" />
                                </f:facet>
                                <h:outputText value="#{item.mail}" />
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    <h:outputText value="Data rej:" />
                                </f:facet>
                                <h:outputText value="#{item.data_rej}" />
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">
                                    <h:outputText value="Saldo:" />
                                </f:facet>
                                <h:outputText value="#{item.saldo}" />
                            </rich:column>
                            <rich:column>
                                <f:facet name="header">               
                                    <h:outputText value="Akcja:" />
                                </f:facet>
                                <a4j:commandButton id="rezerwujButton"  value="Usuń" oncomplete="#{rich:component('popup')}.show()">  
                                    <f:setPropertyActionListener value="#{item}" target="#{przegladajUzytkownika.uzytkownik}" />
                                </a4j:commandButton>
                            </rich:column>
                        </rich:dataTable>
                        <rich:dataScroller for="table" maxPages="5" />   
                        <rich:notifyMessages stayTime="2000" nonblocking="true" />
                    </center>
                </rich:panel>
            </h:form>
            
              <rich:popupPanel id="popup" modal="false" autosized="true" resizeable="false">
                <f:facet name="header">
                    <h:outputText value="Usuń użytkownika" />
                </f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#" onclick="#{rich:component('popup')}.hide(); return false;">
                        X
                    </h:outputLink>
                </f:facet>
                Czy na pewno chcesz usunąć tego użytkownika ?<br/>
                <a4j:commandButton value="tak" action="#{przegladajUzytkownika.usunUzytkownika}" onclick="#{rich:component('popup')}.hide()" />
                <a4j:commandButton value="nie" onclick="#{rich:component('popup')}.hide()"/>
                <rich:messages/>
            </rich:popupPanel>   
            
        </f:view>             
    </ui:define>
</ui:composition>
